// pages/payment-details/index.js
// 收支明细
import api from '../../api/index'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    formData: {
      date: '', //请求年月
      ioType: -1, //收支类型,0,支出,1收入,其他
      maxId: "", //分页maxId
      pageNo: 1
    },
    showDateText: '',
    list: [],
    isLoading: false,
    isComplete: false,
    datail: {}, //详情
    show: false, //显示弹层
    value: new Date().getTime(),
    formatter(type, value) {
      if (type === 'year') {
        return `${value}年`;
      } else if (type === 'month') {
        return `${value}月`;
      }
      return value;
    },
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

    let date = this.formatTime(new Date());
    this.setData({
      showDateText: date.year + '年' + date.month + '月',
      [`formData.date`]: date.year + '-' + date.month
    })
    this.getPaymentDetails();
  },
  //显示/取消弹出层
  onShowLayer() {
    this.setData({
      show: !this.data.show
    })
  },

  //格式化时间
  formatTime(time) {
    let val = new Date(time);
    let date = {
      year: val.getFullYear(),
      month: val.getMonth() + 1
    }
    return date;

  },
  //选择时间
  confirm(e) {
    let date = this.formatTime(e.detail);
    this.setData({
      [`formData.date`]: date.year + '-' + date.month,
      showDateText: date.year + '年' + date.month + '月',
      [`formData.pageNo`]: 1,
      list: [],
      isLoading: false,
      isComplete: false,
    })
    this.onShowLayer();
    this.getPaymentDetails();
    // console.log('年：', date.year, '月：', date.month, 'ri：', date.day);
  },
  //切换菜单
  onChangeMenu(e) {
    this.setData({
      [`formData.ioType`]: e.currentTarget.dataset.type,
      [`formData.pageNo`]: 1,
      list: [],
      isLoading: false,
      isComplete: false,
    })
    this.getPaymentDetails();
  },
  //获取明细
  getPaymentDetails() {
    this.setData({
      isLoading: true
    })
    if (this.data.formData.pageNo > 1) {
      this.setData({
        [`formData.maxId`]: this.data.list[0].id
      })
    }
    api.getPaymentDetails(this.data.formData).then(res => {
      this.setData({
        isLoading: false,
        [`formData.pageNo`]: ++this.data.formData.pageNo,
        list: this.data.list.concat(res.data.data.page.records),
        isComplete: !res.data.data.page.records.length,
        datail: res.data.data
      })
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    !this.data.isLoading && !this.data.isComplete && this.getPaymentDetails();
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})